.plan{
	height: 100%;
	max-height: 100%;
	overflow: auto;
	padding-bottom: 40rpx;
	position: relative;
	
	&-box{
		height: 100%;
		min-height: 100%;
		position: -webkit-sticky;
		position: sticky;
		top: 40rpx;
	}
	
	&-scroll{
		overflow: auto;
		height: 100%;
		padding-bottom: 300rpx;
	}
	&-title{
		margin-top: 34rpx;
		padding:0 60rpx;
		image{
			width: 584rpx;
			height: 212rpx;
		}
	}

	&-week{
		margin-top: 20rpx;
		width: 100%;
		padding: 0rpx 74rpx;
		height: 110rpx;
		.swiper{
			height: 110rpx;
			color: #ffffff
		}
		
	}
	
	&-card{
		margin-top: 20rpx;
		padding: 20rpx 26rpx;
		&-title{
			position: -webkit-sticky;
			position: sticky;
			top: 20rpx;
			width: 550rpx;
			height: 60rpx;
			border-radius: 30rpx;
			background: #B5CFF8;
			color: #000000;
			text-align: left;
			font-family: "PINGFANG-MEDIUM";
			font-size: 30rpx;
			line-height: 60rpx;
			letter-spacing: -0.14rpx;
			padding-left: 36rpx;
		}
			
		&-list{
			margin-top: 30rpx;
		}
	}
}

.week-card{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.week-day{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	border-radius: 20rpx;
	padding: 12rpx 10rpx;
	
	&.active{
		background-color: #F1F1FF;
		.day{
			color:#434242;
		}
	}
	.week{
		color:#6B6B6B;
		font-size: 26rpx;
		font-family: PINGFANG-HEAVY;
	}
	.day{
		color: #F9F9F9;
		font-size: 30rpx;
		font-family: PINGFANG-MEDIUM;
	}

}

.day-plan{
	width: 100%;
	display: flex;
	align-items: center;
	gap: 30rpx;
	margin: 20rpx 0;
	padding: 10rpx 30rpx;
	&.checked{
		.day-plan-radio{
			background-color: #5081FF;
		}
		.day-plan-text{
			text-decoration: line-through;
		}
	}
	&-radio{
		flex: none;
		width: 26rpx;
		height: 26rpx;
		border-radius: 50%;
		background-color: #D9D9D9;
		border: 6rpx solid #D9D9D9;
		transition: background-color 0.25s; 
		cursor: pointer;
		
	}
	
	&-text{
		color: #ffffff;
		height: 30rpx;
		font-size: 28rpx;
		line-height: 30rpx;
		overflow: hidden;
		word-break: break-all;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-family: PINGFANG-MEDIUM;
	}
}


.matter-plan{
	width: 100%;
	
	& + .matter-plan{
		margin-top: 20rpx;
	}
	&-type{
		padding: 10rpx 30rpx;
		color: #ffffff;
		font-family: "Inter";
		font-size: 28rpx;
		font-style: normal;
		font-weight: 400;
		line-height: 36rpx;
		letter-spacing: -0.56rpx;
		font-family: PINGFANG-BOLD;
	}
	
	&-card{
		width: 100%;
		margin-top: 20rpx;
		background-color: #313131;
		padding: 20rpx 30rpx;
		border-radius: 20rpx;
		display: flex;
		align-items: center;
	}
	.day-plan{
		margin: 0;
		padding: 10rpx;
	}
}


.matter-info{
	flex: 1;
	width: calc(100% - 100rpx);
	display: flex;
	flex-direction: column;
}
.matter-time{
	 height: 34rpx;
	 flex-shrink: 0;
	 color: #999898;
	 font-size: 20rpx;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 34rpx;
	 letter-spacing: -0.56rpx;
	 padding-left: 64rpx;
	 font-family: PINGFANG-REGULAR;
}

.matter-days{
	flex: 0 0 100rpx;
	width: 100rpx;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #999898;
	font-size: 24rpx;
	font-family: PINGFANG-REGULAR;
	text{
		text-align: center;
	}
}


	
.popup-content{
	width: 80vw;
	border-radius: 20rpx;
	background-color: #141b31;
	padding: 10rpx;
	.title{
		color: #bec5d2;
		text-align: left;
		font-family: "PINGFANG-MEDIUM";
		font-size: 30rpx;
		line-height: 60rpx;
		letter-spacing: -0.14rpx;
		padding-left: 36rpx;
	}
	.input{
		color: #999898;
		font-size: 24rpx;
		font-family: PINGFANG-REGULAR;
		margin-top: 14rpx;
		width: 100%;
		height: 98rpx;
		border: 2rpx solid #d4cccc;
		// background: var(--Gray-90, #d4cccc);
		padding: 28rpx;
		justify-content: space-between;
		align-items: center;
		border-radius: 20rpx;
		display: flex;
		gap: 14rpx;
		transition: all 0.375s;
		.uni-input {
			color: #000000;
			width: 100%;
			font-family: PINGFANG-MEDIUM;
			&.password {
				&::-ms-reveal {
					display: none;
				}
			}
		}
		
		uni-picker{
			width: 100%;
		}
	}

	.btns{
		margin-top:  20rpx;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		gap: 20rpx;
		padding: 10rpx 20rpx;
		button{
			width: 100%;
		}
	}
	.create-btn {
		margin-top: 30rpx;
		width: 100%;
		text-align: center;
		// padding: 40rpx;
		button {
			background-color: #b8cef6;
			height: 60rpx;
			padding: 10rpx 26rpx;
			margin: 0 14rpx;
			color: #000000;
			font-family: 'PINGFANG-MEDIUM';
			font-size: 28rpx;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
			letter-spacing: 5rpx;
		}
	}
}